Node / reticulum_mirror / MeshChatX / files / meshchatx / src / frontend / components / map / internal / MapDrawingToolbar.vue

Displaying Raw • Download

Tff7b72<Tff7b72!Tff7b72-Tff7b72- Te6edf3SPDXTff7b72-Te6edf3LicenseTff7b72-Te6edf3IdentifierTb4b4b4: T79c0ff0Te6edf3BSD Tff7b72-Tff7b72-Tff7b72>

Tff7b72<Te6edf3templateTff7b72>

Tff7b72<Te6edf3div

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffabsolute top-2 left-1/2 -translate-x-1/2 z-20 flex flex-col gap-2 transform-gpu w-max max-w-[98vw] sm:top-2Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3div

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffbg-white dark:bg-zinc-900 rounded-2xl shadow-2xl overflow-hidden flex flex-row p-0.5 sm:p-1 gap-0 sm:gap-0.5 border-0Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3button

Te6edf3vTff7b72-Tff7b72forTff7b72=Ta5d6ff"Ta5d6fftool in toolsTa5d6ff"

Tb4b4b4:Te6edf3keyTff7b72=Ta5d6ff"Ta5d6fftool.typeTa5d6ff"

Tb4b4b4:Te6edf3refTff7b72=Ta5d6ff"Ta5d6fftool.type === Ta5d6ff'Ta5d6ffExportTa5d6ff'Ta5d6ff ? Ta5d6ff'Ta5d6ffexportToolButtonTa5d6ff'Ta5d6ff : nullTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl transition-all hover:scale-110 active:scale-90Ta5d6ff"

Tb4b4b4:Tff7b72classTff7b72=Ta5d6ff"Ta5d6ff[

Tb4b4b4(Te6edf3drawType Tff7b72==Tff7b72= Tff7b72toolTff7b72.Td2a8fftype Tff7b72&& Tff7b72!Te6edf3measuringTb4b4b4) Tff7b72|| Tb4b4b4(Tff7b72toolTff7b72.Td2a8fftype Tff7b72==Tff7b72= Ta5d6ff'Ta5d6ffExportTa5d6ff' Tff7b72&& Te6edf3exportModeTb4b4b4)

? Ta5d6ff'Ta5d6ffbg-blue-500 text-white shadow-lg shadow-blue-500/30Ta5d6ff'

Tb4b4b4: Ta5d6ff'Ta5d6ffhover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-300Ta5d6ff'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6fftool.type === Ta5d6ff'Ta5d6ffExportTa5d6ff'Ta5d6ff ? Ta5d6ff'Ta5d6ffMBTiles exporterTa5d6ff'Ta5d6ff : $t(`map.tool_${tool.type.toLowerCase()}`)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ffonToolClick(tool)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Tb4b4b4:Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ff'Ta5d6ffmdi-Ta5d6ff'Ta5d6ff + tool.iconTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3div Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffw-px h-6 bg-gray-200 dark:bg-zinc-800 my-auto mx-0.5 sm:mx-1Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Te6edf3button

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl transition-all hover:scale-110 active:scale-90Ta5d6ff"

Tb4b4b4:Tff7b72classTff7b72=Ta5d6ff"Ta5d6ff[

Te6edf3measuring

? Ta5d6ff'Ta5d6ffbg-indigo-500 text-white shadow-lg shadow-indigo-500/30Ta5d6ff'

Tb4b4b4: Ta5d6ff'Ta5d6ffhover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-300Ta5d6ff'Tb4b4b4,

Tb4b4b4]Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ff$t(Ta5d6ff'Ta5d6ffmap.tool_measureTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6fftoggle-measureTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-rulerTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl hover:bg-red-50 dark:hover:bg-red-900/20 text-red-500 transition-all hover:scale-110 active:scale-90Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ff$t(Ta5d6ff'Ta5d6ffmap.tool_clearTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffclearTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-trash-can-outlineTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffselectedFeatureTa5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl bg-blue-100 dark:bg-blue-900/30 text-blue-600 transition-all hover:scale-110 active:scale-90Ta5d6ff"

Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ffEdit noteTa5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffedit-noteTa5d6ff'Ta5d6ff, selectedFeature)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-note-edit-outlineTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Te6edf3vTff7b72-Tff7b72ifTff7b72=Ta5d6ff"Ta5d6ffselectedFeature && !selectedFeature.get(Ta5d6ff'Ta5d6fftelemetryTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl bg-red-100 dark:bg-red-900/30 text-red-600 transition-all hover:scale-110 active:scale-90 animate-pulseTa5d6ff"

Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ffDelete selected itemTa5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffdelete-featureTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-selection-removeTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3div Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffw-px h-6 bg-gray-200 dark:bg-zinc-800 my-auto mx-0.5 sm:mx-1Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Te6edf3button

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-400 transition-all hover:scale-110 active:scale-90Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ff$t(Ta5d6ff'Ta5d6ffmap.save_drawingTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffsaveTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-content-save-outlineTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3button

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-zinc-800 text-gray-600 dark:text-gray-400 transition-all hover:scale-110 active:scale-90Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ff$t(Ta5d6ff'Ta5d6ffmap.load_drawingTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6ffloadTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-folder-open-outlineTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Te6edf3div Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffw-px h-6 bg-gray-200 dark:bg-zinc-800 my-auto mx-0.5 sm:mx-1Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Te6edf3button

Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffp-1.5 sm:p-2 rounded-xl hover:bg-blue-50 dark:hover:bg-blue-900/20 text-blue-500 transition-all hover:scale-110 active:scale-90Ta5d6ff"

Tb4b4b4:Te6edf3titleTff7b72=Ta5d6ff"Ta5d6ff$t(Ta5d6ff'Ta5d6ffmap.go_to_my_locationTa5d6ff'Ta5d6ff)Ta5d6ff"

@Te6edf3clickTff7b72=Ta5d6ff"Ta5d6ff$emit(Ta5d6ff'Ta5d6fflocateTa5d6ff'Ta5d6ff)Ta5d6ff"

Tff7b72>

Tff7b72<Te6edf3vTff7b72-Te6edf3icon Te6edf3iconTff7b72=Ta5d6ff"Ta5d6ffmdi-crosshairs-gpsTa5d6ff" Te6edf3sizeTff7b72=Ta5d6ff"Ta5d6ff18Ta5d6ff" Tff7b72classTff7b72=Ta5d6ff"Ta5d6ffsm:!size-5Ta5d6ff"Tff7b72>Tff7b72<Tff7b72/Te6edf3vTff7b72-Te6edf3iconTff7b72>

Tff7b72<Tff7b72/Te6edf3buttonTff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3divTff7b72>

Tff7b72<Tff7b72/Te6edf3templateTff7b72>

Tff7b72<Te6edf3scriptTff7b72>

Tff7b72export Te6edf3default Tb4b4b4{

Te6edf3nameTb4b4b4: Ta5d6ff"Ta5d6ffMapDrawingToolbarTa5d6ff"Tb4b4b4,

Te6edf3propsTb4b4b4: Tb4b4b4{

Te6edf3toolsTb4b4b4: Tb4b4b4{ Te6edf3typeTb4b4b4: Tffa657ArrayTb4b4b4, Te6edf3requiredTb4b4b4: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3drawTypeTb4b4b4: Tb4b4b4{ Te6edf3typeTb4b4b4: Tffa657StringTb4b4b4, Te6edf3defaultTb4b4b4: Tffa657null Tb4b4b4}Tb4b4b4,

Te6edf3measuringTb4b4b4: Tb4b4b4{ Te6edf3typeTb4b4b4: Te6edf3BooleanTb4b4b4, Te6edf3defaultTb4b4b4: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3exportModeTb4b4b4: Tb4b4b4{ Te6edf3typeTb4b4b4: Te6edf3BooleanTb4b4b4, Te6edf3defaultTb4b4b4: Tff7b72false Tb4b4b4}Tb4b4b4,

Te6edf3selectedFeatureTb4b4b4: Tb4b4b4{ Te6edf3typeTb4b4b4: Tffa657ObjectTb4b4b4, Te6edf3defaultTb4b4b4: Tffa657null Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTb4b4b4: Tb4b4b4[

Ta5d6ff"Ta5d6fftoggle-drawTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6fftoggle-exportTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6fftoggle-measureTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6ffclearTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6ffedit-noteTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6ffdelete-featureTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6ffsaveTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6ffloadTa5d6ff"Tb4b4b4,

Ta5d6ff"Ta5d6fflocateTa5d6ff"Tb4b4b4,

Tb4b4b4]Tb4b4b4,

Te6edf3methodsTb4b4b4: Tb4b4b4{

Te6edf3onToolClickTb4b4b4(Tff7b72toolTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Tff7b72toolTff7b72.Td2a8fftype Tff7b72==Tff7b72= Ta5d6ff"Ta5d6ffExportTa5d6ff"Tb4b4b4) Tb4b4b4{

Te6edf3thisTff7b72.Tff7b72$Te6edf3emitTb4b4b4(Ta5d6ff"Ta5d6fftoggle-exportTa5d6ff"Tb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72else Tb4b4b4{

Te6edf3thisTff7b72.Tff7b72$Te6edf3emitTb4b4b4(Ta5d6ff"Ta5d6fftoggle-drawTa5d6ff"Tb4b4b4, Tff7b72toolTff7b72.Td2a8fftypeTb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72<Tff7b72/Te6edf3scriptTff7b72>